<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=666446
-->
<head>
  <title>Test for Bug 666446 - Change of Source (1st Version)</title>
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript" src="/tests/SimpleTest/WindowSnapshot.js"></script>
  <script type="application/javascript" src="imgutils.js"></script>
  <script type="application/javascript" src="animationPolling.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=666446">
Mozilla Bug 666446: lots of animated gifs swamp us with paint events
</a>
<p id="display"></p>

<div id="content">
  <div id="referenceDiv" style="height: 40px; width: 40px;
                                display: none; background: #2aff00;">
  </div>
  <div id="animatedImage">
    <img id='animatedGif' src="animated-gif.gif" style="display: none;">
  </div>
  <div id="text-descr"></div>
  <div id="debug" style="display:none">
  </div>
</div>
<pre id="test">
<script type="text/javascript;version=1.8">
const FAILURE_TIMEOUT = 120000; // Fail early after 120 seconds (2 minutes)

var gAnimTest;
var gIntervalId;

function initSecondTest() {
  document.getElementById('debug').style.display = 'none';
  document.getElementById('referenceDiv').style.background = "#9600ff";
  document.getElementById('animatedGif').setAttribute('src',
                                                      'animated-gif2.gif');
  document.getElementById('animatedGif').style.display = 'none';
  var secondTest = new AnimationTest(20, FAILURE_TIMEOUT, 'referenceDiv',
                                     'animatedGif', 'debug', '', '', false);
  secondTest.beginTest();
}

function main()
{
  gAnimTest = new AnimationTest(20, FAILURE_TIMEOUT, 'referenceDiv',
                                'animatedGif', 'debug', '', '', false,
                                initSecondTest);
  gAnimTest.beginTest();

}

window.onload = main;
</script>
</pre>
</body>
</html>
